<template>
        <el-submenu v-if="subMenuData.children" :index='subMenuData.code'  :key="subMenuData.code">
                <!-- 如果我的url不为空或者我有child -->
                <template slot="title">
                    <i class="el-icon-s-home"></i>
                    <span slot="title">{{subMenuData.name}}</span>
                </template>
                <NavSubMenu v-for="item in subMenuData.children" :subMenuData="item" :key="item.code"></NavSubMenu>
        </el-submenu>
        <el-menu-item v-else :index="subMenuData.url" :key="'_'+subMenuData.url">
									<i class="el-icon-menu"></i>{{subMenuData.name}}</el-menu-item>

        
</template>
<script>
        export default{
            name:"NavSubMenu",
            props:["subMenuData"],
            mounted(){
                // console.log("111", this.subMenuData)
            },
            data(){
                return {}
            },
            
            methods:{
            }
        }
</script>
<style scoped>
 
</style>